<template>
    <view class="bg-[#F8F8F8] pt-[20rpx]">
        <view class="mx-[28rpx] my-[20rpx]">
            <u-search disabled bgColor="#fff" :showAction="false" placeholder="搜索学校" v-model="course"></u-search>

        </view>
        <view @click="navigateTo('/pages/schoolDetails/schoolDetails')" class="bg-[#fff] pb-[45rpx]">
            <view class="bg-[#ffd6cf] text-[26rpx] px-[43rpx] text-[#FD755D]">有新的招生活动啦，快来报名吧！</view>
            <view class="flex ml-[30rpx] mr-[20rpx] justify-between">
                <view class="flex items-center">
                    <view class="w-[124rpx] h-[124rpx] relative">
                        <image class="w-[124rpx] h-[124rpx]"
                            src="https://gangantao.com/image/20241216/1ee10869-16bf-4e3a-b607-4aad213c4534.png"></image>
                        <view class=" absolute w-[124rpx]  text-center text-[#fff] bg-[#FD755D] bottom-0 text-[24rpx] rounded">官方授权</view>
                    </view>
                    <view class="ml-[38rpx]">
                        <view class="text-[#3D3D3D] font-medium">
                            青秀区老年大学
                        </view>
                        <view class=" font-normal mt-[17rpx] text-[#FD755D]">
                            招生报名中>>
                        </view>
                    </view>
                </view>

                <view class="bg-[#FD755D] text-[#fff] text-[26rpx] w-[114rpx] h-[53rpx] flex items-center justify-center mt-[10rpx] rounded">收藏</view>
            </view>
        </view>
        <view class="bg-[#fff] pb-[45rpx] mt-[10rpx]">
            <view class="h-[36rpx]"></view>
            <view class="flex ml-[30rpx] mr-[20rpx] justify-between">
                <view class="flex items-center">
                    <view class="w-[124rpx] h-[124rpx] relative">
                        <image class="w-[124rpx] h-[124rpx]"
                            src="https://gangantao.com/image/20241216/1ee10869-16bf-4e3a-b607-4aad213c4534.png"></image>
                        <view class=" absolute w-[124rpx]  text-center text-[#fff] bg-[#FD755D] bottom-0 text-[24rpx] rounded">官方授权</view>
                    </view>
                    <view class="ml-[38rpx]">
                        <view class="text-[#3D3D3D] font-medium">
                            西乡塘老年大学
                        </view>
                        <view class=" font-normal mt-[17rpx] text-[#FD755D]">
                            招生报名中>>
                        </view>
                    </view>
                </view>

                <view class="bg-[#FFA812] text-[#fff] text-[26rpx]  w-[114rpx] h-[53rpx] flex items-center justify-center mt-[10rpx] rounded">已收藏</view>
            </view>
        </view>
        <view class="bg-[#fff] pb-[45rpx] mt-[10rpx]">
            <view class="h-[36rpx]"></view>
            <view class="flex ml-[30rpx] mr-[20rpx] justify-between">
                <view class="flex items-center">
                    <view class="w-[124rpx] h-[124rpx] relative">
                        <image class="w-[124rpx] h-[124rpx]"
                            src="https://gangantao.com/image/20241216/1ee10869-16bf-4e3a-b607-4aad213c4534.png"></image>
                        <view class=" absolute w-[124rpx]  text-center text-[#fff] bg-[#FD755D] bottom-0 text-[24rpx] rounded">官方授权</view>
                    </view>
                    <view class="ml-[38rpx]">
                        <view class="text-[#3D3D3D] font-medium">
                            马山县老年大学
                        </view>
                        <view class=" font-normal mt-[17rpx] text-[#FD755D]">
                            招生报名中>>
                        </view>
                    </view>
                </view>

                <view class="bg-[#FFA812] text-[#fff]  text-[26rpx] w-[114rpx] h-[53rpx] flex items-center justify-center mt-[10rpx] rounded">已收藏</view>
            </view>
        </view>
    </view>

</template>
<script setup>
import { ref, reactive, onMounted, onUnmounted, getCurrentInstance } from 'vue'
const course = ref("")
const navigateTo =(url)=>{
  uni.navigateTo({
    url
  })
}
</script>
<style></style>